<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>

<div class="layui-fluid" th:fragment="right(friends,total,advertList)">
    <link rel="stylesheet" href="/css/right.css">
    <link rel="stylesheet" href="/css/comment.css">
    <link rel="stylesheet" href="/css/tag.css">
<!--    <section class="layui-row right2">-->
<!--        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6314049399505240"-->
<!--                crossorigin="anonymous"></script>-->
<!--        &lt;!&ndash; 首页右侧 &ndash;&gt;-->
<!--        <ins class="adsbygoogle"-->
<!--             style="display:block"-->
<!--             data-ad-client="ca-pub-6314049399505240"-->
<!--             data-ad-slot="3760901631"-->
<!--             data-ad-format="auto"-->
<!--             data-full-width-responsive="true"></ins>-->
<!--        <script>-->
<!--            (adsbygoogle = window.adsbygoogle || []).push({});-->
<!--        </script>-->
<!--    </section>-->
    <section class="layui-row right">
        <header class="layui-badge layui-bg-blue article-label rightBt orangeBtn">手机赚钱软件排行榜</header>
        <div class="layui-row top">
            <div class="layui-row info">
                <div class="tabCon">
                    <ul class="list on">
                        <li class="item" th:each="app,state:${appList}">
                            <div class="clearfix ">
                                <span class="fl iconfont icon-top10 list list-1 ">
                                    <small th:classappend="'top'+${state.index}" th:text="${state.index + 1}"></small>
                                </span>
                                <a class="thumbnail fl" th:href="'https://www.daydayzhuan.com/app/'+${app.id}" target="_blank" th:title="${app.title}">
                                    <img class="img img-cover br lazyloaded" th:src="${app.cover}"
                                         th:alt="${app.title}" th:title="${app.title}">
                                 </a>
                                <div class="fr-wrap">
                                    <div class="title-wrap">
                                        <h2 class="title ellipsis">
                                            <a th:href="'https://www.daydayzhuan.com/app/'+${app.id}" th:title="${app.title}" target="_blank" th:text="${app.title}"></a>
                                        </h2>
                                        <p class="intro br clearfix ellipsis" th:text="${app.realDownCount}+'次下载'">
                                        </p>
                                    </div>
                                </div>
                                <div>
                                    <a class="layui-btn app_down" th:href="'https://www.daydayzhuan.com/app/'+${app.id}" th:title="${app.title}" target="_blank" >详情</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul class="list">
                    </ul>
                    <ul class="list">
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="layui-row right">
        <header class="layui-badge layui-bg-blue article-label rightBtn greenBtn">赚钱热词</header>
        <div class="widget2" id="divTags">
            <ul class="widget-box divTags">
                <li th:class="'divTags'+(${iterStat.index}>9?(${iterStat.index}%9):(${iterStat.index}))"
                    th:each="hotKey,iterStat:${hotKeyList}">
                    <a th:href="'/tag/'+${hotKey.labelName}" th:text="${hotKey.labelName}"></a>
                </li>
            </ul>
        </div>
    </section>

    <section class="layui-row right">
        <header class="layui-badge layui-bg-blue article-label rightBtn">最新评论</header>
        <div class="layui-row">
            <div class="widget wow fadeInDown" id="divComments"
                 style="visibility: visible; animation-name: fadeInDown;">
                <ul class="widget-box divComments">
                    <li class="side-new-comments" th:each="c:${commentList}">
                        <strong></strong><b></b>
                        <div class="newComments-info">
                            <div class="newComments-deanxz">
                                <a th:href="@{${#httpServletRequest.getContextPath()}+'/article/'+${c.projectId}+'#'+${c.id}}"
                                   th:title="${c.userName}">
                                    <img th:alt="${c.userName}"
                                         th:src="${c.image}"></a>
                            </div>
                            <div class="newComments-text">
                                <a th:href="@{${#httpServletRequest.getContextPath()}+'/article/'+${c.projectId}+'#'+${c.id}}"
                                   th:title="${c.userName}"
                                   target="_blank" th:text="${c.content}"></a>
                            </div>
                            <div class="newComments-mary" th:title="'评论时间:'+${c.showCreateTime}">
                                <em title="用户名：抖音好物推荐" style="color: #999" th:text="${c.userName}"></em>
                                <span class="spot"></span>
                                <time style="color: #999" th:text="${c.showCreateTime}"></time>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>


<!--    <section class="layui-row right" th:each="advert:${advertList}">-->
<!--        <header class="layui-badge layui-bg-blue article-label rightBtn">广告赞助</header>-->
<!--        <div class="wxgzh">-->
<!--            <img th:src="${advert.url}" width="250px" border="10px" alt="天天线报网是个专业的薅羊毛网站，每天分享最新的线报活动，带你免费薅羊毛"-->
<!--                 onclick="javascript:window.open('http://ewm.tqsjj.cn/234397');" style="margin-top: 10px">-->
<!--        </div>-->
<!--    </section>-->

    <section class="layui-row right">
        <header class="layui-badge layui-bg-blue article-label rightBtn">友情链接</header>
        <br>
        <a th:each="friend:${friends}" th:href="${friend.url}" target="_blank"
           th:rel="${friend.isNofolow}== '1' ? 'nofollow':''">
            <span class="layui-badge layui-bg-green" style="margin: 7px;padding: 5px"
                  th:text="${friend.siteName}"></span>
        </a>
    </section>


</div>

</html>